import store from '@/store'
import axios from 'axios'
import { Message } from 'element-ui'
const services = axios.create({
  //   axios的参数配置
  baseURL: process.env.VUE_APP_BASE_API, // 取node的环境变量
  timeout: 5000 // 当吵过多少毫秒时 认定超时
})// 创建一个axios的实例
// 请求拦截器:处理发起请求时的一些要求
services.interceptors.request.use(config => {
  // 在这个位置给请求注入token
  if (store.getters.token) {
    config.headers['Authorization'] = `Bearer${store.getters.token}`
  }
  // 返回配置
  return config
}, error => {
  // 抛错
  return Promise.reject(error)
})
// 响应拦截器:处理数据异常和返回的数据进行解构 (response成功=>{},error失败=>{})
// 响应拦截器
services.interceptors.response.use(response => {
  // axios默认加了一层data
  const { success, message, data } = response.data
  //   要根据success的成功与否决定下面的操作
  if (success) {
    return data
  } else {
    // 业务已经错误了 还能进then ? 不能 ！ 应该进catch
    Message.error(message) // 提示错误消息
    return Promise.reject(new Error(message))
  }
}, error => {
  Message.error(error.message) // 提示错误信息
  return Promise.reject(error) // 返回执行错误 让当前的执行链跳出成功 直接进入 catch
})
export default services
